<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>Ubuntu资源遭遇高危反击Shell攻击</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
</head>

<body>
    <div class="container mt-4">
        <h2>Ubuntu资源遭遇高危反击Shell攻击</h2>
        <p>taomingwei-node3-ubuntu自2022年4月3日至2025年4月8日共遭受13次网络攻击，包括检测到Linux可执行命令和高风险的perl反向shell事件。建议立即排查并采取防护措施以防止进一步恶意活动。
        </p>
        <div class="row">
            <!-- 概览 -->
            <div class="col-md-6">
                <h4>概览</h4>
                <ul class="list-group">
                    <li class="list-group-item">总事件数量: 13</li>
                    <li class="list-group-item">最高风险等级: 4</li>
                    <li class="list-group-item">主要攻击类型: T1059, T1082</li>
                    <li class="list-group-item">时间跨度: 2022-04-03 至 2025-04-08</li>
                    <li class="list-group-item">受影响资源: taomingwei-node3-ubuntu</li>
                </ul>
            </div>

            <!-- 条形图 -->
            <div class="col-md-6">
                <h4>不同攻击类型的事件数量</h4>
                <canvas id="barChart1"></canvas>
                <script>
                    const ctxBar1 = document.getElementById('barChart1').getContext('2d');
                    new Chart(ctxBar1, {
                        type: 'bar',
                        data: {
                            labels: ['T1564.001', 'T1078.003', 'T1082', 'T1059', 'T1027.001', 'T1070.002'],
                            datasets: [{
                                label: '# of Events',
                                data: [1, 1, 1, 4, 1, 1],
                                backgroundColor: [
                                    'rgba(255, 99, 132, 0.2)',
                                    'rgba(54, 162, 235, 0.2)',
                                    'rgba(255, 206, 86, 0.2)',
                                    'rgba(75, 192, 192, 0.2)',
                                    'rgba(153, 102, 255, 0.2)',
                                    'rgba(255, 159, 64, 0.2)'
                                ],
                                borderColor: [
                                    'rgba(255, 99, 132, 1)',
                                    'rgba(54, 162, 235, 1)',
                                    'rgba(255, 206, 86, 1)',
                                    'rgba(75, 192, 192, 1)',
                                    'rgba(153, 102, 255, 1)',
                                    'rgba(255, 159, 64, 1)'
                                ],
                                borderWidth: 1
                            }]
                        },
                        options: {
                            scales: {
                                y: {
                                    beginAtZero: true
                                }
                            }
                        }
                    });
                </script>
            </div>

            <div class="col-md-6">
                <h4>不同告警级别的事件数量</h4>
                <canvas id="barChart2"></canvas>
                <script>
                    const ctxBar2 = document.getElementById('barChart2').getContext('2d');
                    new Chart(ctxBar2, {
                        type: 'bar',
                        data: {
                            labels: ['3级', '4级'],
                            datasets: [{
                                label: '# of Events',
                                data: [5, 8],
                                backgroundColor: [
                                    'rgba(75, 192, 192, 0.2)',
                                    'rgba(153, 102, 255, 0.2)'
                                ],
                                borderColor: [
                                    'rgba(75, 192, 192, 1)',
                                    'rgba(153, 102, 255, 1)'
                                ],
                                borderWidth: 1
                            }]
                        },
                        options: {
                            scales: {
                                y: {
                                    beginAtZero: true
                                }
                            }
                        }
                    });
                </script>
            </div>

            <!-- 饼图 -->
            <div class="col-md-6">
                <h4>攻击类型分布</h4>
                <canvas id="pieChart1"></canvas>
                <script>
                    const ctxPie1 = document.getElementById('pieChart1').getContext('2d');
                    new Chart(ctxPie1, {
                        type: 'pie',
                        data: {
                            labels: ['T1059', 'T1082', 'T1078.003', '其他'],
                            datasets: [{
                                label: '# of Events',
                                data: [3, 1, 1, 8],
                                backgroundColor: [
                                    'rgba(255, 99, 132, 0.2)',
                                    'rgba(54, 162, 235, 0.2)',
                                    'rgba(255, 206, 86, 0.2)',
                                    'rgba(75, 192, 192, 0.2)'
                                ],
                                borderColor: [
                                    'rgba(255, 99, 132, 1)',
                                    'rgba(54, 162, 235, 1)',
                                    'rgba(255, 206, 86, 1)',
                                    'rgba(75, 192, 192, 1)'
                                ],
                                borderWidth: 1
                            }]
                        }
                    });
                </script>
            </div>

            <div class="col-md-6">
                <h4>风险等级分布</h4>
                <canvas id="pieChart2"></canvas>
                <script>
                    const ctxPie2 = document.getElementById('pieChart2').getContext('2d');
                    new Chart(ctxPie2, {
                        type: 'pie',
                        data: {
                            labels: ['告警级别4', '告警级别3', '其他'],
                            datasets: [{
                                label: '# of Events',
                                data: [5, 8, 0],
                                backgroundColor: [
                                    'rgba(255, 99, 132, 0.2)',
                                    'rgba(54, 162, 235, 0.2)',
                                    'rgba(75, 192, 192, 0.2)'
                                ],
                                borderColor: [
                                    'rgba(255, 99, 132, 1)',
                                    'rgba(54, 162, 235, 1)',
                                    'rgba(75, 192, 192, 1)'
                                ],
                                borderWidth: 1
                            }]
                        }
                    });
                </script>
            </div>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</body>

</html>